//定义类
class Food {
    //定义一个属性表示属性所对应的元素
    element: HTMLElement;

    constructor() {
        //获取页面中的food元素并将其赋值给element
        this.element = document.getElementById('food')!;
    }
    //判断蛇是否吃到了食物
    //食物和蛇的坐标是否一直
    //定义一个获取食物X轴坐标的方法
    get X() {
        return this.element.offsetLeft
    }
    //定义一个获取食物Y轴坐标的方法
    get Y() {
        return this.element.offsetTop
    }
    //修改食物的位置
    //食物的边界【0,290px】,蛇移动一次就是一格，一格的大小就是10，要求是整10
    change() {
        //Math.random()*290 （0,290）
        //Math.round(Math.random()*290) 【0,290】
        let left = Math.round(Math.random() * 29) * 10
        let top = Math.round(Math.random() * 29) * 10
        // Math.floor(Math.random() * 30) * 10
        this.element.style.left = left + 'px'
        this.element.style.top = top + 'px'

    }
}

//测试代码
// const food = new Food();
// food.change()
// console.log(food.X, food.Y);

export default Food;